<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>分类页</title>

</head>
<link rel="stylesheet" href="css/category.css">
<link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet">
<script src="lib/html5shiv/html5shiv.min.js"></script>
<script src="lib/respond/respond.js"></script>
<script src="js/template.js"></script>
<script src="lib/jquery/jquery.js"></script>
<script src="js/category.js"></script>

<script type='text/html' id='template'>
    {{each result as value}}
    <div class="panel panel-default">
    <div class="panel-heading" role="tab" id={{value.titleId}}>
            <h4 class="panel-title">
                <a role="button" data-toggle="collapse" data-parent="#accordion" href=#{{value._id}}
                   aria-expanded="true" aria-controls={{value._id}}>
                    {{value.title}}
                    <div href="" class="glyphicon glyphicon-menu-down"></div>
                </a>
            </h4>
    </div>
        <div id={{value._id}} class="panel-collapse collapse " role="tabpanel" aria-labelledby={{value.titleId}}>
            <ul class="panel-body">
            </ul>
        </div>
    </div>
    {{/each}}
</script>

<script type='text/html' id='templat'>
    {{each result as value}}
    <li class="hang" categoryId={{value.categoryId}}><a href="#">{{value.category}}</a></li>
    {{/each}}
</script>
<body>
<!--顶部-->
<div class="conttop">
    <img src="images/header_logo.png" alt="">
    <img src="images/header_app.png" alt="">
</div>
<!--搜索栏-->
<div class="suo">
    <input type="text">
    <input type="button" value="搜索">
</div>
<!--商品栏-->

<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
    <!--<div class="panel panel-default">-->
        <!--<div class="panel-heading" role="tab" id="headingOne">-->
            <!--<h4 class="panel-title">-->
                <!--<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"-->
                   <!--aria-expanded="true" aria-controls="collapseOne">-->
                    <!--Collapsible Group Item #1-->
                <!--</a>-->
            <!--</h4>-->
        <!--</div>-->
        <!--<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">-->
            <!--<ul class="panel-body">-->
            <!--</ul>-->
        <!--</div>-->
    <!--</div>-->
</div>
<!--底部-->
<ul class="na" role="tablist">
    <li><a href="#">登陆</span></a></li>
    <li><a href="#">注册</a></li>
    <li><a href="#">返回顶部 </a></li>
</ul>

<div class="gong">手机APP下载<a href=""> 慢慢买手机版 --掌上比价平台</a>
    <p>m.m.maimai.com</p>
</div>
</body>
<script src="lib/bootstrap/js/bootstrap.js"></script>
</html>